<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"/>
<title>发表评论</title>
<meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no"/>
<link rel="stylesheet" href="css/mui.min.css"/>
<link rel="stylesheet" href="css/style.css"/><!--自定义样式-->
<script type="text/javascript" src="js/mui.min.js"></script>
<script type="text/javascript" src="js/common.js"></script><!--自定义脚本-->
<style>
#content {
    margin-bottom: 0;
}
</style>
</head>
<body>
<div class="mui-content dry-text-box">
    <div class="dry-margin-top-10">
        <div class="mui-segmented-control">
            <a class="mui-control-item mui-active" href="#text">文字</a>
            <a class="mui-control-item" href="#picture">图片</a>
            <a class="mui-control-item" href="#video">视频</a>
        </div>
    </div>
    <div>
        <div id="text" class="mui-control-content mui-active">
            <div class="mui-input-row dry-margin-top-10"><textarea class="dry-font-size-3" id="content" rows="5" placeholder="请填写评论内容"></textarea></div>
        </div>
        <div id="picture" class="mui-control-content">
            <div class="mui-input-row dry-margin-top-10"><textarea class="dry-font-size-3" id="content" rows="5" placeholder="请填写评论内容"></textarea></div>
            <div class="dry-text-center dry-margin-top-5 dry-text-color-3 dry-font-size-3" style="padding:10px 0;background-color:white;border:1px solid rgba(0,0,0,0.2);">
                <span class="mui-icon mui-icon-image dry-text-color-2" style="font-size:40px;"></span><br/>请选择一张图片
            </div>
        </div>
        <div id="video" class="mui-control-content">
            <div class="mui-input-row dry-margin-top-10"><textarea class="dry-font-size-3" id="content" rows="5" placeholder="请填写评论内容"></textarea></div>
            <div class="dry-text-center dry-margin-top-5 dry-text-color-3 dry-font-size-3" style="padding:10px 0;background-color:white;border:1px solid rgba(0,0,0,0.2);">
                <span class="mui-icon mui-icon-videocam dry-text-color-2" style="font-size:40px;"></span><br/>请选择一个视频
            </div>
        </div>
    </div>
    <button type="button" class="mui-btn mui-btn-primary mui-btn-block dry-margin-top-10">发表</button>
</div>
</body>
</html>
